.features{
     height: 50px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     .featuresitem1{
    //   flex: 1;
      text-align: center;
      padding: 3px 8px;
      color: rgb(123, 123, 196);
      border-radius: 30px;
      background-color: rgb(182, 182, 218);
    //   background: rgb(199, 76, 76);
    //   padding: 5px;
    //   border-radius: 30px;
    }
    .featuresitem2{
    //   flex: 1;
      text-align: center;
      color: rgb(196, 196, 81);
      padding: 3px 8px;
      background: rgb(198, 209, 171);
    //   padding: 5px;
      border-radius: 30px;
    }
    .featuresitem3{
    //   flex: 1;
      text-align: center;
      color: red;
      padding: 3px 8px;
      border-radius: 30px;
      background: rgb(223, 163, 163);
    //   padding: 5px;
    //   border-radius: 30px;
    }
    .featuresitem4{
    //   flex: 1;
      text-align: center;
      padding: 3px 8px;
      color: green;
      border-radius: 30px;
      background: rgb(171, 219, 185);
    //   padding: 5px;
    //   border-radius: 30px;
    }
    .active{
       background-color: rgb(177, 121, 121);
       color: white;
    }
}
